<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery-3.1.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/set.css"/>
    <link rel="stylesheet" href="css/animate.css"/>
</head>
<body>
<header>
    <div class="sy_logo_box">
        <div class="sy_logo">
            <img src="images/logo_02.png" />
        </div>
        <div class="sy_yhzx">
            <span class="sy_zx">
                <a href="#">用户中心</a>
            </span>
            <img src="images/jiao_05.png" />
            <img src="images/jiao_05.png"/>
            <div class="sy_yh">
                <p><a href="../shopcmd/b2b2c.html">二慧</a></p>
                <p><a href="../shopcmd/bc2.html">豆豆</a></p>
                <p><a href="../shopcmd/bc2.html">黑黑</a></p>
            </div>
        </div>
        <div class="sy_nav clearfix">
            <ul class="clearfix">
                <li class="sy_flast">
                    <a href="#">首页</a>
                </li>
                <li id="nav_dj">
                    <a href="#">
                        山西太原
                    </a>
                    <img src="images/jiao_05.png" id="dyi" />
                    <img src="images/jiao_05.png"  id="der"/>
                </li>
                <li>
                    <a href="../云端/lol.html">山西忻州</a>
                </li>
                <li>
                    <a href="../云端/text.html">开来欣悦</a>
                </li>
                <li>
                    <a href="../营销平台/buy.html">忻州师院</a>
                </li>
                <li>
                    <a href="#">忻州二中</a>
                </li>
            </ul>
        </div>
        <div class="sy_xl" id="sy_xl">
            <p>山西省忻州市忻府区</p>
            <hr />
            <ul>
                <li>
                    <p><a href="../zhuceye.html">义井乡</a></p>
                    <p>免费、简单、高逼格，适用于中小企业的官方快捷商城系统</p>
                </li>
                <li>
                    <p><a href="../zhaomima.html">侦探村</a></p>
                    <p>免费、简单、高逼格，适用于中小企业的官方快捷商城系统</p>
                </li>
                <li>
                    <p><a href="../shopcmd/banner.html">王慧程</a></p>
                    <p>免费、简单、高逼格，适用于中小企业的官方快捷商城系统</p>
                </li>
            </ul>
        </div>
    </div>


    <div class = "container" style="width: 100%">
        <div class = "col-lg-12">
            <div id="myCarousel" class="carousel slide" data-ride = "carousel"
                 data-interval = "1000" data-pause = "hover" data-wrap= "false">
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="images/banner.png" alt="First slide">
                    </div>
                    <div class="item">
                        <img src="images/tu.png" alt="Second slide">
                    </div>
                    <div class="item">
                        <img src="images/banner1.png" alt="Third slide">
                    </div>
                </div>
                <a class="carousel-control left" href="#myCarousel"
                   data-slide="prev"style="margin-top: 150px;width: 30px;height: 70px;background: #ccc;line-height: 70px">&lsaquo;</a>
                <a class="carousel-control right" href="#myCarousel"
                   data-slide="next" style="margin-top: 150px;width: 30px;height: 70px;background: #ccc;line-height: 70px">&rsaquo;</a>
            </div>
        </div>
    </div>



    <div class="sy_dw">
        <div class="sy_wx">
            <a href="#"><img src="images/lx.png"/></a>
            
        </div>
    </div>
</header>
<div class="set_content clear">
    <div class="font">
        <!--<div class="xian_left"></div>-->
        <!--<div class="xian_right"></div>-->
        <h2>我们的产品</h2><br/>
        <p>OUR PRODUCTS</p>
    </div>
    <div class="main clear">
        <div class="font_2">
            <img src="images/colud.png" alt="" class="pic1"/>
            <img src="images/city.png" alt="" class="img1"/>
            <h4>我是中小企业</h4><br/>
            <p>免费,一件创建，无需维护。我们倾力打造的官网与商城系统，帮助中小企业轻松创建高逼格的官网商城...</p>
        </div>
        <div class="font_1">
            <img src="images/colud-1.png" alt="" class="pic2"/>
            <img src="images/city.png" alt="" class="img2"/>

            <h4 >我是中小企业</h4>
            <p>免费,一件创建，无需维护。我们倾力打造的官网与商城系统，帮助中小企业轻松创建高逼格的官网商城...</p>
        </div>
        <div class="font_3">
            <img src="images/colud-1.png" alt="" class="pic3"/>
            <img src="images/city.png" alt="" class="img3"/>
            <h4>我是中小企业</h4><br/>
            <p>免费,一件创建，无需维护。我们倾力打造的官网与商城系统，帮助中小企业轻松创建高逼格的官网商城...</p>
        </div>
        <div class="font_4">
            <img src="images/muud.png" alt="" class="pic4"/>
            <img src="images/city.png" alt="" class="img4"/>
            <h4>我是中小企业</h4><br/>
            <p>免费,一件创建，无需维护。我们倾力打造的官网与商城系统，帮助中小企业轻松创建高逼格的官网商城...</p>
        </div>
    </div>
</div>
<div class="set_content1">
    <div class="ma1 clear">
        <h2>为什么选择<span>shopcmd</span> <span>?</span></h2>
    </div>
    <div class="ma2">
        <div class="small">
            <div class="aaa">
                <img src="images/qq.jpg" alt=""/>
                <h4>山西忻州网红</h4>
                <p>王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤</p>
            </div>

        </div>
        <div class="small-1">
            <div class="aaa">
                <img src="images/呜呜呜呜.jpg" alt=""/>
                <h4>山西忻州网红</h4>
                <p>王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤</p>
            </div>

        </div>
        <div class="small-1">
            <div class="aaa">
                <img src="images/3.jpg" alt=""/>
                <h4>山西忻州网红</h4>
                <p>王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤</p>
            </div>

        </div>
        <div class="small-1">
            <div class="aaa">
                <img src="images/呜呜呜呜.jpg" alt=""/>
                <h4>山西忻州网红</h4>
                <p>王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤</p>
            </div>

        </div>
        <div class="small-1">
            <div class="aaa">
                <img src="images/ww.jpg" alt=""/>
                <h4>山西忻州网红</h4>
                <p>王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤王慧缤</p>
            </div>

        </div>
    </div>
</div>
<div class="set_footer">
    <img src="images/people_21.png" alt=""/>
    <p>shopcmd云商城系统第三方合作伙伴招募中</p>
    <h2>领先技术，打造高性能 <br/>电商系统，共享千亿sass商机！</h2>
    <div>
        <h4><a href=""></a>了解加盟细则</h4>
    </div>
</div>

<footer>
    <div class="sy_div">
        <div class="sy_div_top">
            <ul class="top_left">
                <li>
                    <a href="#">shopcmd</a>
                </li>
                <li>
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">王冠云上层</a>
                </li>
                <li>
                    <a href="#">智慧门店</a>
                </li>
                <li>
                    <a href="#">应下平台</a>
                </li>
                <li>
                    <a href="#">们提联盟</a>
                </li>
                <li>
                    <a href="../人人網/人人网管理/everyone1.html">人人网</a>	
                </li>
            </ul>
            <div class="top_right">
                <img src="images/tel_03.png"/>
						<span>
							4008-188-360
						</span>
            </div>
        </div>
        <hr />
        <p>
            ©Copyright 2015 苏州海云网络科技有限公司版权所有 | 苏ICP备15038170号-3
        </p>
    </div>

</footer>













<script src="js/jquery-3.1.1.js"></script>
<script src="js/index.js"></script>


<script>
    $(document).ready(function(){

        $(".set_box .clear li a").mouseover(function(){
            $(this).css({"color":"red"})
        })
        $(".set_box .clear li a").mouseout(function(){
            $(this).css({"color":"black"})
        })


        $("ul:eq(0)").hover(function(){
            $("ul:eq(0) .heideli").slideToggle(500,function(){})
        })
//
//        $("ul:eq(1)").hover(function(){
//            $("ul:eq(1) .heideli").slideToggle(500,function(){})
//        })
    })
</script>
</body>
</html>